<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<c:set var="baseURL" value="http://${header.host}${pageContext.request.contextPath}" scope="request" /> 
		<script type="text/javascript">
		 	var baseURL = "${baseURL}";
		</script>
		<link rel="stylesheet" href="${baseURL}/web/css/style.css" />
		<link href="${baseURL}/css/sd_grid.css" rel="stylesheet" type="text/css" /> 
		<link href="${baseURL}/themes/blue/css/fonts/iconfont.css" rel="stylesheet" type="text/css" />
		<script src="${baseURL}/js/jquerys/jquery-1.12.1.min.js" type="text/javascript"></script>
		<script src="${baseURL}/js/sdAppFrameworkGrid.js" type="text/javascript"></script>
		<title>东莞市区块链企业信息公示平台</title>
	</head>
	<body>
		<div class="search-block">
			<div class="logo">
				<img src="img/small_logo.png" alt="东莞市区块链企业信息公示平台" />
			</div>
			<div class="search">
				<div class="search-tags">
					<ul>
						<li>区块链资产查询</li>
						<li>区块链账户查询</li>
						<li>区块链交易查询</li>
						<li>众筹项目查询</li>
					</ul>
				</div>
				<div class="search">
					<input class="search-input" name="searchParams" />
					<button class="search-btn"><i class="icon iconfont icon-icon-search"></i> 搜索一下</button>
				</div>
			</div>
			<div class="header">
				<ul>
					<li><a href="${baseURL}/web/index.jsp"><i class="icon iconfont icon-icon-home"></i> 首页</a></li>
					<li><a href="${baseURL}/logon.jsp"><i class="icon iconfont icon-icon-user-circle"></i> 登录</a></li>
					<li><a href="#"><i class="icon iconfont icon-icon-desktop"></i> API对接</a></li>
				</ul>
			</div>
		</div>
		<div class="summary-banner">
			<div class="summary-block">
				<div class="data">567,789</div>
				<div class="title">当前区块高度</div>
			</div>
			<div class="summary-block">
				<div class="data">567,789</div>
				<div class="title">当前区块高度</div>
			</div>
			<div class="summary-block">
				<div class="data">567,789</div>
				<div class="title">当前区块高度</div>
			</div>
		</div>
		<div class="search-container">
			<div class="search-result">找到相关结果5个</div>
			<div class="search-grid">
			</div>
			<div class="show-more">
				<i class="bd bd-plus-square-o"></i> 加载更多
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var pageNo = 1;
		var totalPages = 1;
		var data = {Rows:[{CompanyName:"1212",ContactName:"121212"},{CompanyName:"1212",ContactName:"121212"},{CompanyName:"1212",ContactName:"121212"}],Total:3};
		$(function(){
			var gridOptions = {
                columns: [ 
                { display: '资产发行方', name: 'CompanyName',isNotInput:true},
                { display: '资产名称', name: 'ContactName',isNotInput:true},
                { display: '资产ID', name: 'ContactName',isNotInput:true},
                { display: '发行数量', name: 'ContactName',isNotInput:true},
                { display: '发行时间', name: 'ContactName',isNotInput:true} 
                ]
            };
			initGrid($(".search-grid"),data.Rows,gridOptions);
		});
		
		//根据数据初始化渲染表格
		function initGrid(obj,data,option){
			$(obj).children().remove();
	    	$(obj).append(compile(obj,data,option));
		}
		
		$(".show-more").click(function(){
			addRows(data.Rows);
		});
	</script>
</html>